@charset "utf-8";
/* CSS Document */

/* 主體定義 */
.body-base {
	width:100%;
	height:100%;
	font-family:"微軟正黑體";
	min-height:1024px;
	min-width:1280px;
}

.banner-bg-img {
	background-image:url(../image/honeydew-banner-bg.jpg);
	background-repeat:repeat-x;
}

.banner-bg-img-size {
	width:350px;
	height:100%;
}

.banner-bg-link-size {
	width:100%;
	height:100%;
}

.banner-category-link {
	width:150px;
	text-align:center;
}

.banner-category-link ul {
	width:150px;
	text-align:left;
}

.banner-category-link li a:hover {
	background-color:#CBE3AF;
}

.footer-bg-img {
	background-image:url(../image/honeydew-footer-bg.jpg);
	background-repeat:repeat-x;
}

.copyright-bg-color {
	background-color:#FFFFFF;
	text-align:center;
}

.login-bg-color {
	background-color:#CBE3AF;
}

.logout-bg-color {
	background-color:#CBE3AF;
}

.item-inside--testSize-bg-color {
	background-color:#CBE3AF;
}

.explain-height {
	height:auto;
	min-height: 768px;
}

.explain02-td{
	height: 100px;
	width: 300px;
}

.item-baseline {
	max-width:inherit;
	width:auto;
	background:url(../image/item-baseline-bg.jpg);
	background-repeat:repeat-x;
}

.item-addShoppingCar {
	width: 240px;
	height: 40px;
	background-color:#CBE3AF;
	font-family:"微軟正黑體";
	font-size:14px;
	color:##CBE3AF;
}

.item-list-table {
	width:100%;
	height:100%;
}

.item-list-table td {
	text-align:center;
	vertical-align:top;
}

.userInfor01-div {
	width:100%;
	height:auto;
	border-top:#CCCCCC;
	border-bottom:none;
	border-left:#CCCCCC;
	border-right:#CCCCCC;
}

.userInfor01-div-head {
	background-color:#CBE3AF;
	font-weight:bold;
	text-align:left;
	font-size:16px;
	
}

.userInfor02-div-head {
	background-color:#CBE3AF;
	font-weight:bold;
	text-align:left;
	font-size:16px;
	
}

.shoppingCar03-div {
	width:100%;
	height:auto;
	text-align:left;
	border-top:#CCCCCC;
	border-bottom:none;
	border-left:#CCCCCC;
	border-right:#CCCCCC;
}

.shoppingCar03-div-head {
	background-color:#CBE3AF;
	font-weight:bold;
	text-align:left;
	font-size:16px;
}

.item-inside-promote {
	width:300px;	
}

.item-inside-promote img {
	width:60px;
	height:70px;
	border:1px solid #ccc;
}

#map-canvas {
	width:300px;
	height:300px;
	margin:0px;
	padding:0px;
}

/* 字型定義 */
.font-01 {
	color:#999999;
	font-size:14px;
	font-family:"微軟正黑體";
}

.font-02 {
	color:#666666;
	font-size:18px;
	font-family:"微軟正黑體";
}

.font-03 {
	color:#666666;
	font-size:20px;
	font-family:"微軟正黑體";
}

.font-04 {
	color:#666666;
	font-size:22px;
	font-family:"微軟正黑體";
}

.font-05 {
	color:#666666;
	font-size:24px;
	font-family:"微軟正黑體";
}

.font-06 {
	color:#000000;
	font-size:14px;
	font-family:"微軟正黑體";
}

.font-07 {
	color:#000000;
	font-size:12px;
	font-family:"微軟正黑體";
}

.font-price {
	color:#FF0000;
	font-size:16px;
	font-family:"微軟正黑體";
}

.font-warring-01 {
	color:#FF0000;
	font-size:12px;
	font-family:"微軟正黑體";
}

.font-warring-02 {
	color:#FF0000;
	font-size:14px;
	font-family:"微軟正黑體";
}

/*圖片定義*/
.img-ad {
	width:1024px;
	height:512px;
}

.img-ad-01 {
	width:758px;
	height:512px;
}

.img-item {
	width:256px;
	height:512px;
	border-style:solid;
	border-color:#CCCCCC;
	border-width:thin;
}

.img-category {
	width: auto;
	height: auto;
}

.img-item-inside {
	width:250px;
	height:350px;
	border-style:solid;
	border-color:#CCCCCC;
	border-width:thin;
}

.img-item-little {
	width:50px;
	height:80px;
}

.img-item-size {
	width:480px;
	height:500px;
}

/*連結定義*/
/* 未連結 */
a:link {
	text-decoration:none;
}
/* 已連結過 */
a:visited {
	
}
/* 滑鼠移至連結 */
a:hover {
	color:#000000;
}
/* 選擇的連結 */
a:active {
	color:#CBE3AF;
}
/* list不要標示 */
li {
	list-style:none;
}

/*button*/
input[type="submit"] {
	background-color:#333333;
	color:#FFFFFF;
}

input[type="submit"]:hover {
	background-color:#333333;
	color:#FFFFFF;
}

input[type="button"] {
	background-color:#333333;
	color:#FFFFFF;
}

input[type="button"]:hover {
	background-color:#333333;
	color:#FFFFFF;
}

.require-field {
	background-color: yellow;
}